@import url("reset.css");
body{margin:0;}
#app{margin: auto; width: 100%;}
.container.w-ifrcont{padding:0!important; width:auto!important;}
.el-tree-node:focus>.el-tree-node__content,.is-checked span { color: #409EFF;}
label{font-weight: 500!important;}
.w-width1k{width:1050px!important; margin:0 auto}
.w-width1k2{width:1200px!important; margin:0 auto}
.w-pt30{padding-top:30px!important;}
.w-mt10{margin-top:10px;}
.w-tc{text-align: center;}
/* 指标管理页面修改 */
.el-table  .el-table__body tr.hover-row td{ background:none; }
.w-dialog .el-form-item{ margin-bottom: 12px; }
.w-dialog  label{font-weight: 500;}
.w-dialog h4{ margin-bottom: 10px; line-height: 40px; font-size: 16px; font-weight: bold;
    color: #000;}
.w-dialog .form-zbdy input[type=text]{ width: 320px; }
/* .w-dialog .el-input-number input{width: auto!important;} */
.el-dialog__header{    padding: 20px 20px 3px; border-bottom: 1px solid #666; text-align: center;}
.w-dialog .el-dialog__title,.el-dialog .el-dialog__title{font-size: 20px; color:#000; font-weight: bold;}
.w-title{position: relative;}
.w-title button{position: absolute; right: 10px; top:10px;}

/*只输入数学文本框上下增加按钮del*/
.w-dialog .el-input-number__decrease,.w-dialog .el-input-number__increase{display: none;}
.w-dialog .el-input-number .el-input__inner{text-align: left;}
/* .w-dialog input::-webkit-outer-spin-button,.w-dialog input::-webkit-inner-spin-button { -webkit-appearance: none;}
.w-dialog input[type="number"] { -moz-appearance: textfield;} */
.w-dialog-notit .el-dialog__header{display: none;}
/*自定义表头表格样式修改*/
.gswh-table{width: 100%; border-bottom: 0; overflow: auto; border-top:0; border-left: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;}
.gswh-table.el-table{border-left:0;  border-right: 0;}
.gswh-table.el-table td{border-bottom:0;}
.gswh-table thead { color: #909399; font-weight: 500;}
.gswh-table td,.gswh-table th{padding: 12px 10px!important; min-width: 0;  -webkit-box-sizing: border-box;   box-sizing: border-box;  text-overflow: ellipsis;  vertical-align: middle;
    position: relative; border:1px solid #ebeef5; text-align: center;}
.gswh-table tr:hover>td{background-color:#f5f7fa}
.gswh-table th,.gswh-table tr:last-child td{border-bottom: 0;}
.w-editDialog .editDiv{height: 98vh; overflow: hidden;}
.w-userframe{height: 83vh;}
.w-cbgsframe{height: calc( 100vh - 90px );}
.w-editDialog .el-dialog__body{padding: 0;}
.w-btnpg .el-button{padding: 0;}
.el-button{padding: 10px 18px;}
.el-button--primary,.btn-primary:hover, .el-button--primary:hover{ background-color: #ff0012!important; border-color: #ff0012!important;}
.el-tabs__item.is-active,.el-pager li.active,.el-button--text,.el-tabs__item:hover { color: #ff0012;}
.el-tabs__active-bar{ background-color: #ff0012;}
.el-icon-info,.el-icon-share,.el-icon-document,.el-icon-message{font-size:18px;}
.el-button--mini, .el-button--mini.is-round {  padding: 5px 15px;}
.el-button--text { padding-left: 0; padding-right: 0;}
.el-card__body {padding: 12px 20px;}
/*input宽度和select宽度一致*/
.el-form .el-row input[type=text]{width: 218px;} 
.el-pagination .el-input input[type=text]{width: 100%;} 
.w-boxcard .el-card__header{padding: 5px 10px 5px 20px;}
.w-gjjltable .el-input--mini input[type=text] {width: 180px;}
.el-input-number .el-input__inner{width:100%!important;}
/*搜索条件折叠菜单*/
.w-search-collapse{border:0; position: relative;}
.w-search-collapse .el-collapse-item__arrow{position: absolute; right: -10px; top: -5px; font-size: 16px;}
.w-search-collapse .el-collapse-item__content { padding-bottom: 0;}
.w-search-collapse .el-collapse-item__wrap,.w-search-collapse .el-collapse-item__header{border-bottom: 0;}
.w-search-collapse1{position: relative;}
.w-collspan{ position: absolute; right: -20px;  top: 0;  padding: 10px;  cursor: pointer; font-size: 20px; }
/*日历插件不同分辨率下图标*/
.el-range-editor .el-input__icon.el-icon-date{display: none;} 
@media screen and (min-width: 800px) {
.el-date-editor--daterange.el-input__inner{width: 300px;}
    .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 198px;}
    .el-range-editor.el-input__inner{padding: 3px 1px;}
}
@media screen and (min-width: 1220px) {
    .w-inputiti-width,.w-textarea-width.el-textarea{width:91.5%!important}
    .el-form .el-row .w-inputiti-width input[type=text]{width: 100%!important}
     .el-date-editor .el-range-input{width: 44%;}
}

@media screen and (min-width: 1280px) {
    .el-form .el-row input[type=text] {width: 178px;}
    .el-form-item__label{ padding: 0 5px 0 0;}
    .el-date-editor--daterange.el-input__inner{width: 300px;}
    .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 198px;}
    .el-range-editor.el-input__inner{padding: 3px 1px;}
    .el-date-editor .el-range-separator { padding: 0px 2px;}
    .el-date-editor .el-range__close-icon{width: 15px;}
    .media-mr0{margin-right: 0!important} 
    .el-date-editor.el-date-editor--month{ width: 178px;}
    /* .el-form .el-row .el-date-editor--month input[type=text]{width: 168px;} */
    .w-search-collapse .el-collapse-item__arrow{right: -20px; }
    
    .w-w100{width: 178px; }
    .w-w100 input[type=text]{width: 100%!important} 
     .el-date-editor .el-range-input{width: 44%;}
}
@media screen and (min-width: 1300px) {
.w-inputiti-width,.w-inputiti-width.el-input{width:91.5%!important}
.w-textarea-width.el-textarea{width:92%!important}
.w-inputiti-width input[type=text]{width: 100%!important}


}  
@media screen and (min-width: 1360px) {
    .el-form .el-row input[type=text] {width: 198px;}
    .el-form-item__label{ padding: 0 5px 0 0;}
    .el-date-editor--daterange.el-input__inner{width: 312px;}
    .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 198px;}
    .el-range-editor.el-input__inner{padding: 3px 1px;}
    .el-date-editor .el-range-separator { padding: 0px 3px;}
    .el-date-editor .el-range__close-icon{width: 18px;}
    .media-mr0{margin-right: 0!important}
    .w-search-collapse .el-collapse-item__arrow{right: -18px; }
    /* .el-input__icon{width: 22px; } */
    .el-date-editor .el-range-input{width: 46%;}
    .w-w100{width: 198px; }    
}  
@media screen and (min-width: 1400px) {
    .el-form .el-row input[type=text] {width: 202px;}
    .el-form-item__label{ padding: 0 6px 0 0;}
    .el-date-editor--daterange.el-input__inner{width: 312px;}
    .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 202px;}
    .el-range-editor.el-input__inner{padding: 3px 5px}
    .w-w100{width: 202px; }.w-inputiti-width,.w-inputiti-width.el-input{width:91%!important}
    .w-textarea-width.el-textarea{width:91.8%!important}
    .w-w100 input[type=text],.w-inputiti-width input[type=text]{width: 100%!important}
    
    
}
@media screen and (min-width: 1600px) {
    .el-form .el-row input[type=text] {width: 218px;}
    .w-gjjltable .el-input--mini input[type=text] {width: 180px;}
    .el-form-item__label{ padding: 0 10px 0 0;}
    .el-date-editor--daterange.el-input__inner{width: 258px;}
    .el-date-editor.el-input/* , .el-date-editor.el-input__inner */ { width: 218px;}
    .w-w100{width: 218px; }.w-inputiti-width.el-input{width:88.6%!important}
    .w-textarea-width.el-textarea{width:89%!important}
    .w-w100 input[type=text],.w-inputiti-width input[type=text]{width: 100%!important} 
    .el-range-editor .el-input__icon.el-icon-date{display: block;}
}
 @media screen and (min-width: 1880px){
    .el-date-editor--daterange.el-input__inner{width: 312px;}
    .w-inputiti-width.el-input{width:84.6%!important}
    .w-textarea-width.el-textarea{width:84.6%!important}
}
.el-form .el-row .w-inputiti-width.el-input input[type=text]{width:100%}
/* .w-inputiti-width.el-input{width:85%} */
.el-table td, .el-table th{padding: 10px 0; color: #000;}
.el-table th,.el-table thead.is-group th{background: #f8f8f8;}/*不确定*/
h3.panel-title,.el-form-item__label{color: #000;}
/*tables标题字符截取*/
.w-tablesub .cell .el-popover__reference{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.w-tablepop{margin:0;}
/*form 必填样式大小*/
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{font-size: 22px; top: 6px; position: relative; margin-right:3px;}
/*查询条件css*/
.w-boxcard .el-form-item{margin-bottom: 0;}
.el-card__header span.f16{color: #000; font-weight: 600;}
/*弹出消息提示文字变大*/
.el-message-box__message p{font-size: 16px;}
.c-kp-list {
    margin: 0 auto;
    width: 1000px; font-size: 14px;
}
.c-kp-list th {
    text-align: left;    color: #000;
    padding: 12px;    border-bottom: 0;
    border-collapse: collapse;
    border: 1px solid #DDDDDD; background: #f8f8f8;
}
.c-kp-listcon {
    max-height: 220px;
    overflow: auto;
}
/*tree 样式美化*/
.c-kp-left-treecon {
    overflow: auto; border:1px solid #EBEEF5; 
}
.c-kp-left-treecon h3{font-size: 16px; font-weight: bold; height: 22px;  padding: 0 0 0px 15px; line-height: 10px;}

.c-kp-left-tree {
    width: 100%;
}
/*结构tree*/
.el-tree-node__content{height: 36px; color: #000;}
.el-tree-node__children .el-tree-node__content{height: 30px;}
.w-filter-tree .el-tree-node__content span{font-size:16px; font-weight: bold;}
.w-filter-tree .el-tree-node__children span{font-size:15px; font-weight:normal;}
.w-filter-tree .el-tree-node__children .el-tree-node__children span{font-size:14px;}
.w-filter-tree .el-tree-node__children .el-tree-node__children .el-tree-node__children span{font-size:12px;}
.c-kp-dlselect .el-form-item__content{
    width: 321px; 
}
.c-kp-operbtnbox{
    position: relative;
}
.c-kp-operbtnbox > span{
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 16px;
    color: #606266; font-weight: bold; color: #000;
}
.c-kp-row td.c-gj-total-text {
    padding: 2px 0 0 15px;
}
.c-gj-total-w-tableres {
   text-align: center;
}
/* 表格头部多行显示 自定义表头需要element2.6版本 */
.c-tb-wrap{text-align: center;  padding-left: 0!important; padding-right: 0!important;}
.c-tb-wrap>div{display:block !important;line-height: 18px !important;}
.c-wh-table .el-input-number--small, .c-wh-table .el-input-number--mini{
  width: 80% !important;
  margin: 0 auto !important;
  display: block;
}
.c-wh-table table{margin:0 auto;}
.c-wh-table th,.c-wh-table td{text-align:center;}
.c-wh-table .el-input--small input{width: 100%;}
/*table td 背景颜色判断*/
.el-table .w-success-row {
    background: #e2ffd2;
  }
.el-table .w-warning-row {
    background: #f6cb87;
  }  
.el-input__inner,.el-dialog__body{color: #000;}
.btn .caret {
    vertical-align: 5px;
}
.el-table  a:hover,.el-table a:focus {
    color: #23527c;  text-decoration: none; cursor: pointer;
}
/*ico图标添加及字体冲突解决*/
.fal, .far {
    font-family: Font Awesome\ 5 Pro!important;
}
.fa-lock-alt,.fa-lock-open-alt,.fa-fast-backward{ font-size: 16px; margin: 0 3px;}
.fa-lock-alt.w-icocl1,.fa-lock-open-alt.w-icocl1{color:#aaa!important;}
/*人员考评质量分明细(rykplist.html)页面table title添加及文字截取*/
.w-tabletextsub a,.w-tabletextsub span span{display: inline-block; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; width: 300px; color: #337ab7;}
.w-tabletextsub .el-button{padding: 0 10px; border:0;}
.w-tabletextsub .el-button:focus, .w-tabletextsub .el-button:hover{background: none;}
.w-scroheight{max-height:100px; overflow-y:auto; line-height:26px;}
/*新建岗位dialog checkbox 宽度*/
.w-formgwzz{white-space: nowrap;}
.w-formgwzz .el-checkbox-group{ white-space: initial;}
.w-formgwzz .el-checkbox{margin-right: 20px;}
.el-table.c-wh-table .cell, .el-table.c-wh-table th div{padding-left: 0; padding-right: 0; }
.el-message-box__header{border-bottom: 1px solid #ccc;  font-weight: bold;}
/*系统用户管理*/
.w-usermtitle{   margin-bottom: 10px;    overflow: hidden; }
.w-userinput{width:240px; float:right;     margin-right: 10px;}
.w-dialogpd .el-dialog__body{padding:10px 20px;}

/*2019-08-29-boots去除系统设置和消息管理引用的样式修改*/
h3 #optsspan{ float: right;  margin: -8px -6px 0px 0;;}
/*elementui alert对话框没有标题的时候 关闭按钮点击不到修正*/
.el-message-box__title span:empty{
	display:inline-block;
}
/*2019-11-06稿件评审-人员分摊比例select默认宽度*/
.el-form .el-row #dtable  .el-select input[type=text]{width:302px!important;}
.w-w80{width:80px;}
/*20200417 vue-indexsy*/
  .w-sybox{margin-top:10px;}
  .w-sytop img{width: 119px; height: 73px; margin:0 10px;}
  .w-hdnum{background-color: #F56C6C; border-radius: 10px; color: #FFF; display: inline-block; font-size: 13px;  height: 20px; line-height: 20px;
    padding: 0 6px; text-align: center; white-space: nowrap; border: 1px solid #FFF;}
  .w-sybox ul{margin:0; padding:0;}
  .w-sybox ul li{position: relative; display: block; padding: 12px 15px 8px 15px; border-bottom: 1px solid #ddd;  font-size:15px;} 
  .w-sybox ul li .w-sytime{position: absolute; right: 10px;}
  .w-sybox .w-unread{width:5px; height:5px; border-radius:50%; background:#f00!important; position:absolute; left: 10px;}
  .w-sybox .mTitle{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;width:90%;} 
  .w-syhead{position:relative;}
  .w-syhead button{position: absolute; right: 5px;top: 3px;}
  .w-syhead a.el-icon-d-arrow-left{position: absolute; right: 8px; top: 8px; font-size: 18px; cursor: pointer;}
  .w-syhead a.el-icon-d-arrow-left:hover{text-decoration: none;}
  .w-rightext{text-indent: 2em; padding: 12px; line-height: 24px;  overflow-y: auto;font-size: 15px;}
  .w-sybox li:hover { background-color: #EDEBEB; cursor: pointer;}
  
/* a.el-icon-share{text-decoration: none; color: #f00;} */
/*图片/视频/文件上传mobel - 20200611*/
.w-vdbox{width:auto!important; height: 100%; background:#f1f1f1;}
.w-vdbox form{padding:20px 10px 0 10px;}
.w-vdupload .el-upload__text{display: block;  line-height: 0;  margin-top: -35px;  font-style: normal;  color: #333;}
.w-vdupload .el-upload-list--picture-card .el-upload-list__item-actions{height:25%; line-height: 22%;}
.w-vdupload .el-icon-video-play,.w-vdupload .el-icon-folder{position: absolute; top: 50%; color: #555; font-size: 36px; z-index: 99;
 left: 50%; margin: -18px 0 0 -18px; cursor: pointer; /* text-shadow: 0 0 .25rem rgba(95, 95, 95, .98); */}
.w-vdupload .el-upload-list--picture-card .el-upload-list__item{background:#fff url(image/w-imgbg.png);background-size: cover;}
.w-vdbox .el-upload-list--picture-card .el-upload-list__item-actions{opacity: 1;}
.w-vdbox .el-upload-list--picture-card .el-upload-list__item-actions span{display:inline-block;}
.w-vdbox .el-dialog__header{ padding: 0; border-bottom: 0;}
.w-vdbox .el-dialog{width:100%;}
.w-vdbox .el-dialog__headerbtn {top: 7px; right: 8px;}
@media screen and (max-width: 780px) {	
	.w-vdupload .el-upload-list--picture-card .el-upload-list__item{width:125px; height:125px;}
	.w-vdupload .el-upload--picture-card{width:125px; height:125px; line-height: 120px;}
} 
.w-mobel-title { color: #333; background-color: #f5f5f5; border-color: #ddd;}
/*我的作品mobel - 20200616*/
.w-lazybox ul{padding:0; margin: 0; overflow: hidden;}
.w-lazybox li{float:left; width:46%; margin:2%; position: relative; height: 220px; overflow: hidden;}
.w-lazybox .w-rightico{font-size: 18px;  float: right; margin: -2px 0 0 0;}
.w-lazybox li .el-image{  height: 200px; width: 100%;}
.w-lazybox .w-lazy-ico{ position: absolute;  width: 100%;   height: 30px; line-height:30px;  left: 0;  bottom: 20px;  cursor: default;
    text-align: center;  color: #fff;  font-size: 20px;  background-color: rgba(0,0,0,.5);
    -webkit-transition: opacity .3s;  transition: opacity .3s;}
.w-lazybox .w-lazy-ico a{margin:0 5px;    cursor: pointer;}   
.w-lazybox .w-lazy-title{ position: absolute;  width: 100%; height: 30px; line-height:30px;  left: 0;  top: 0;  cursor: default;
    text-align: center;  color: #fff;  font-size: 14px;  background-color: rgba(0,0,0,.5); -webkit-transition: opacity .3s; 
     transition: opacity .3s; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  padding: 0 5px;} 
 .w-lazybox li .el-icon-video-play,.w-lazybox li .el-icon-picture-outline{position: absolute; top: 50%; color: #555; font-size: 36px; z-index: 99; left: 50%; 
  margin: -24px 0 0 -18px; cursor: pointer; text-shadow: 0 0 0.25rem rgba(200, 200, 200, .98);}
 .w-lazybox .w-lazy-time {font-size: 12px; color: #333; float:right;}
 .w-lazybox .w-lazy-destext{width: 70%;font-size: 12px; color:#333; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: left;}
    
 .w-lazybox .el-dialog__header{ padding: 0; border-bottom: 0;}
 .w-lazybox .el-dialog{width:100%;}
 .w-lazybox .el-dialog__headerbtn {top: 7px; right: 8px;}
 
 .el-select .el-input.is-focus .el-input__inner,.el-pagination__sizes .el-input .el-input__inner:hover { border-color: #ff0012;}
 .el-select-dropdown__item.selected{color:#ff0012}
 